<template>
  <div class="luzhengtong_my">
  	<div class="luzheng_my_top">
  		<div>
  			<img src="../../../assets/static/my/bg.png" style="width:100%;height: 2.32rem;"></img>
  		</div>
  		<div class="luzheng_my_head">
  			<img src="../../../assets/static/my/headimg.png" style="width:1.76rem;height:1.76rem;border-radius: 0.88rem;"></img>
  		</div>
  		<div class="luzheng_my_userInfo luzheng_login_div" @click="login()" v-if="!isLogin">
  			<button class="luzheng_login_btn">登录</button>
  		</div>
  		<div class="luzheng_my_userInfo" v-if="isLogin">
  			<div>
  				<span>{{phone}}</span>
  			</div>
  			<div @click="updatePhone()">
  				<img src="../../../assets/static/my/update_my.png" style="width: 0.56rem;height: 0.56rem;"></img>
  			</div>
  		</div>
  	</div>
  	<div class="luzheng_order_list" @click="list()">
  		<div class="luzheng_order_list_item">
  			<div style="padding-top: 0.06rem;">
  				<img src="../../../assets/static/my/order.png" style="width: 0.30rem;height: 0.32rem;"></img>
  			</div>
  			<div style="margin-left:0.20rem">
  				<span>订单列表</span>
  			</div>
  		</div>
  		<div>
  			<img src="../../../assets/static/my/arrow_right.png" style="width:0.16rem;height: 0.32rem;"></img>
  		</div>
  	</div>
  	<!-- <div class="luzheng_order_list" @click="trainlist()">
  		<div class="luzheng_order_list_item">
  			<div style="padding-top: 6rem;">
  				<img src="../../../static/my/order.png" style="width: 30rem;height: 32rem;"></img>
  			</div>
  			<div style="margin-left:20rem">
  				<span>火车票订单列表</span>
  			</div>
  		</div>
  		<div>
  			<img src="../../../static/my/arrow_right.png" style="width:16rem;height: 32rem;"></img>
  		</div>
  	</div> -->
  </div>
</template>

<script>
  export default {
    data(){
      return{
        phone:'18336676771',
        isLogin:false
      }
	},
	methods:{
		login(){
			this.$router.push({path: '/login' })
		}
	}
  }
</script>

<style>
.luzheng_my_top{
		position: relative;
		background-color: #FFFFFF;
	}
	.luzheng_my_head{
		position: absolute;
		top:1rem;
		left:0.40rem;
	}
	.luzheng_my_userInfo{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-top: 0.40rem;
		padding-left: 0.40rem;
		padding-right: 0.20rem;
		padding-bottom: 0.64rem;
	}
	.luzheng_order_list{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		background-color: #FFFFFF;
		margin-top: 0.24rem;
		padding:0.36rem 0.24rem 0.30rem 0.24rem;
	}
	.luzheng_order_list_item{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
 	.luzheng_login_view{
		margin-top: 0.60rem;
	}
	.luzheng_login_btn{
		width: 2rem;
		height: 0.60rem;
		line-height: 0.60rem;
		border-radius: 0.50rem;
		color: #101010;
		font-size: 0.32rem;
		border: unset;
	}
</style>
